<template>
	<view class="page">
		<view class="title">
			5.5.tabBar设置底部菜单选项及iconfont图标
		</view>
		<view class="p">
			官网链接API
			<uni-link href="https://uniapp.dcloud.net.cn/collocation/pages.html" text="tabBar配置"
				color="#007BFF"></uni-link>
			<uni-link href="https://www.iconfont.cn/" text="iconfont官网" color="#007BFF"></uni-link>
		</view>
		<view class="p">
			需要注意的是tabBar是全局配置无法给单独的页面设置，可以尝试使用其他方式实现，例如 <uni-link
				href="https://ext.dcloud.net.cn/plugin?name=uni-segmented-control" text="tab分段器"></uni-link>
			icon除了使用图片也可以使用字体，可以尝试用AI来帮你写代码快速实现。关键词:<text selectable>帮我写一个tabBar的iconfontSrc demo</text>
		</view>

	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
</script>

<style lang="scss" scoped>

</style>